@media screen and (max-width: 767px) {
  .container {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .container {
    width: 850px ;
  }
}
@media screen and (min-width: 992px) {
  .container {
    width: 970px ;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    width: 1170px ;
  }
}
.navbar-default .navbar-brand {
  color: #777;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #f8f8f8;
}
.one h1 {
  margin-top: -12%;
  display: -webkit-flex;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  display: flex;
}
.one h3 {
  margin-top: 0%;
  display: -webkit-flex;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  display: flex;
}
.big {
  background-color: #eee;
  padding-bottom: 4%;
}
.wz {
  padding: 2%;
  text-align: center;
}
.wzxing {
  margin-top: 5%;
}
.caption {
  text-align: center;
}
.wzq {
  color: #a19f03;
}
.xing {
  margin-top: 2%;
  text-align: center;
}
h2 {
  margin-top: -1%;
  margin-bottom: 3%;
}
.xingbutton {
  margin-bottom: 5%;
}
.pictureone {
  padding: 0px;
  height: 180px;
}
.picturetop {
  text-align: center;
  width: 90px;
  line-height: 30px;
  height: 30px;
  margin-left: 15px;
  margin-top: -42%;
  color: #fdfdfd;
  background-color: #C2A661;
}
.xingwen {
  margin-top: 3%;
}
.footerwenzi {
  padding-left: 3%;
  margin-bottom: 0;
}
footer {
  width: 100%;
  height: 200px;
  background-color: #eee;
  color: #9e9e9d;
  padding-top: 5%;
}
